<div class="row">
  <x-button (click)="notification.success({ title: '成功提示', content: content })">成功提示</x-button>
  <x-button (click)="notification.info({ title: '消息提示', content: content })">消息提示</x-button>
  <x-button (click)="notification.warning({ title: '警告提示', content: content })">警告提示</x-button>
  <x-button (click)="notification.error({ title: '错误提示', content: content })">错误提示</x-button>
</div>
<div class="row">
  <x-button
    type="success"
    plain
    (click)="notification.success({ title: '成功提示', content: content, effect: 'light' })"
    >成功提示</x-button
  >
  <x-button type="info" plain (click)="notification.info({ title: '消息提示', content: content, effect: 'light' })"
    >消息提示</x-button
  >
  <x-button
    type="warning"
    plain
    (click)="notification.warning({ title: '警告提示', content: content, effect: 'light' })"
    >警告提示</x-button
  >
  <x-button type="danger" plain (click)="notification.error({ title: '错误提示', content: content, effect: 'light' })"
    >错误提示</x-button
  >
</div>
<div class="row">
  <x-button type="success" (click)="notification.success({ title: '成功提示', content: content, effect: 'dark' })"
    >成功提示</x-button
  >
  <x-button type="info" (click)="notification.info({ title: '消息提示', content: content, effect: 'dark' })"
    >消息提示</x-button
  >
  <x-button type="warning" (click)="notification.warning({ title: '警告提示', content: content, effect: 'dark' })"
    >警告提示</x-button
  >
  <x-button type="danger" (click)="notification.error({ title: '错误提示', content: content, effect: 'dark' })"
    >错误提示</x-button
  >
</div>
